<template>
    <div>
      <div class="all">

        <sort></sort>
        <div class="main">
          <softwareSwiper></softwareSwiper>
          <recommend></recommend>
        </div>

        <div class="user">
          <usermess></usermess>
          
          <hot class="hot"></hot>
        </div>
      
      </div>
        
    </div>
</template>

<script>
import sort from './Content/sort'
import softwareSwiper from './Content/softwareSwiper'
import recommend from './Content/recommend'
import usermess from './Content/usermess'
import hot from './Content/hot'
export default {
  name: 'home',
  components: {
    sort,
    softwareSwiper,
    recommend,
    usermess,
    hot,
  },

  data () {
    return {
      show: false,
    }
  },

}
</script>

<style lang="stylus" scoped>
.all 
  height auto
  position relative
  .main
    height auto
    width 60%
    top 0rem
    margin-left 17.5%
    position absolute
    margin-bottom 3rem
    // background-color red
  .user
    width 20%
    height auto 
    top 0rem
    margin-left 79%
    position absolute 
    // background-color #fff
</style>
